// 轮播图插件
$('#swiper').sliderImg({
    // 图片
    image: ['./image/pic1.jpg', './image/pic2.jpg', './image/pic3.jpg'],
    // 轮播时间
    interVal: 3000
});


//  navList菜单展示
var index;
$('.cate_menu_item').hover(function () {
    $('.JS_popCtn').css('display', 'block');
    index = $(this).attr('data-index');
    $('#cate_item' + index).css('display', 'block');
    //    console.log(index);
}, function () {
    $('.JS_popCtn').css('display', 'none');
    $('#cate_item' + index).css('display', 'none');
});

$('.JS_popCtn').on('mouseover', function () {
    $('.JS_popCtn').css('display', 'block');
    $('#cate_item' + index).css('display', 'block');
}).on('mouseout', function () {
    $('.JS_popCtn').css('display', 'none');
    $('#cate_item' + index).css('display', 'none');
});

// 右侧滑动动画

$('.services_entry .row1').hover(function () {
    //  向上滑出
    $('.services_entry').slideUp();
    //  向上滑入
    $('.services_content').slideDown();
    $('.services_content .close').show();
    $('.services_content .content').css('display', 'none');

    //    console.log( $(this).attr('id') )
    var id = $(this).attr('id');
    $('.nowActive').removeClass('nowActive');
    $('.' + id + '_tab').addClass('nowActive');
    $('.' + id + '_content').show();
    $('.close').show();
});

$('.services_content .header span').hover(function () {
    $('.nowActive').removeClass('nowActive');
    $(this).addClass('nowActive');
    $('.' + $(this).attr('data') + '_content').show().siblings('.content').hide();
});

$('.services_content .close').on('click', function () {
    $(this).hide();

    //  向下滑出
    $('.services_entry').slideDown();
    //  向下滑入
    $('.services_content').slideUp();
    $('.services_content .content').hide();
});

// 地址插件
$('#location').areaList({
    items: [{
        name: '北京',
        href: '#',
    }, {
        name: '上海',
        href: '#',
    }, {
        name: '天津',
        href: '#',
    }, {
        name: '重庆',
        href: '#',
    }, {
        name: '河北',
        href: '#',
    }, {
        name: '山西',
        href: '#',
    }, {
        name: '河南',
        href: '#',
    }, {
        name: '辽宁',
        href: '#',
    }, {
        name: '吉林',
        href: '#',
    }, {
        name: '黑龙江',
        href: '#',
    }, {
        name: '内蒙古',
        href: '#',
    }, {
        name: '江苏',
        href: '#',
    }, {
        name: '山东',
        href: '#',
    }, {
        name: '安徽',
        href: '#',
    }, {
        name: '浙江',
        href: '#',
    }, {
        name: '福建',
        href: '#',
    }, {
        name: '湖北',
        href: '#',
    }, {
        name: '湖南',
        href: '#',
    }, {
        name: '广东',
        href: '#',
    }, {
        name: '广西',
        href: '#',
    }, {
        name: '江西',
        href: '#',
    }, {
        name: '四川',
        href: '#',
    }, {
        name: '海南',
        href: '#',
    }, {
        name: '贵州',
        href: '#',
    }, {
        name: '云南',
        href: '#',
    }, {
        name: '西藏',
        href: '#',
    }, {
        name: '陕西',
        href: '#',
    }, {
        name: '甘肃',
        href: '#',
    }, {
        name: '青海',
        href: '#',
    }, {
        name: '宁夏',
        href: '#',
    }, {
        name: '新疆',
        href: '#',
    }, {
        name: '港澳',
        href: '#',
    }, {
        name: '台湾',
        href: '#',
    }, {
        name: '钓鱼岛',
        href: '#',
    }, {
        name: '海外',
        href: '#',
    }],
    //  每一行的显示数量
    rowNum: 5,
    // 默认的显示值
    newItem: '北京',
    // 显示图片  图标
    nowItemImg: './image/local.jpg'
});


// 导航条下拉列表插件
// y  纵向
$('#mgjd').dropList({
    dirction: 'y',
    colNum: 2,
    menuList: [{
        title: '',
        items: [{ href: '#', name: '待处理订单', },
        { href: '#', name: '消息', },
        { href: '#', name: '返修退换货', },
        { href: '#', name: '我的问答', },
        { href: '#', name: '降价商品', },
        { href: '#', name: '我的关注', }],
    }, {
        title: '',
        items: [{ href: '#', name: '我的京豆', },
        { href: '#', name: '我的优惠券', },
        { href: '#', name: '我的白条', },],
    }]
})

// x 横向
$('#nav').dropList({
    menuList: [{
        title: '',
        items: [{
            href: '#',
            name: '待处理订单',
        }, {
            href: '#',
            name: '消息',
        }, {
            href: '#',
            name: '返修退换货',
        }, {
            href: '#',
            name: '我的问答',
        }, {
            href: '#',
            name: '降价商品',
        }, {
            href: '#',
            name: '我的关注',
        }],
    }, {
        title: '',
        items: [{
            href: '#',
            name: '我的京豆',
        }, {
            href: '#',
            name: '我的优惠券',
        }, {
            href: '#',
            name: '我的白条',
        },
        ],
    }]
});

// x 横向 
$('#nav').dropList({
    // 下拉列表里面每一块的排布是横向横向（y）, 纵向（x）
    direction: 'x',
    // 下拉列表内的内容
    menuList: [{
        // 每块的标题
        title: '特色',
        // 每块的宽度
        items: [{ name: '企业购', href: '#' },
        { name: '商用场景管', href: '#' },
        { name: '工业品', href: '#' },
        { name: '礼品卡', href: '#' }],
        // 每块每行的选项列数
    }, {
        title: '特色',
        items: [{ name: '企业购', href: '#' },
        { name: '商用场景管', href: '#' },
        { name: '工业品', href: '#' },
        { name: '礼品卡', href: '#' }],
    }, {
        title: '特色',
        items: [{ name: '企业购', href: '#' },
        { name: '商用场景管', href: '#' },
        { name: '工业品', href: '#' },
        { name: '礼品卡', href: '#' }],
    }, {
        title: '特色',
        items: [{ name: '企业购', href: '#' },
        { name: '商用场景管', href: '#' },
        { name: '工业品', href: '#' },
        { name: '礼品卡', href: '#' }],
    }]
})